<template>
	<view>
		<login></login>
		<!-- <view>
		<view class="total">
		<image src="../../static/back.png" style="width: 750rpx;height: 900rpx;z-index: 0;position: absolute;"></image>
		<view id="buy">
			<image @click="goBuy()" src="../../static/门店自取.png" style="width: 240rpx;height: 280rpx;"></image>
			<hr style="width: 4rpx;height: 200rpx;background-color: #d0d0d0;">
			<image src="../../static/外卖点单.png" style="width: 250rpx;height: 280rpx;"></image>
		</view>
		<view id="card">
			<image src="../../static/ashui.png" style="width: 110rpx;height: 110rpx;border-radius: 100rpx;"></image>
			<view style="display: flex;flex-direction: column;justify-content: space-around;width: 400rpx;">
				<span style="font-size: 40rpx;font-weight: 700;">我的积分</span>
				<span style="font-size: 30rpx;color: darkgrey;">可兑换优惠券及限量周边 ></span>
			</view>
			<hr style="width: 1rpx;height: 100rpx;background-color: #d0d0d0;">
			<view id="erweima">
				<image src="../../static/ashui.png" style="width: 68rpx;height: 68rpx;"></image>
				<span style="font-size:25rpx;color: darkgrey;">会员码</span>
			</view>
		</view>
		<image src="../../static/bottom.png" style="width: 700rpx;height: 450rpx;margin-top: 30rpx;"></image>
		
		</view>
		<view class="nav">
				<view class="item" @click="skipToShouye()">
					<image src="../../static/首页.png" class="pic" style="margin-left: 18rpx;"></image>
					<span class="word">首页</span>
				</view>
				<view class="item" @click="skipToBuy()">
					<image src="../../static/点单.png" class="pic"></image>
					<span class="word">点单</span>
				</view>
				<view class="item" @click="skipToMyOrder()">
					<image src="../../static/订单.png" class="pic"></image>
					<span class="word">订单</span>
				</view>
				<view class="item" @click="skipToMine()">
					<image src="../../static/我的.png" class="pic"></image>
					<span class="word">我的</span>
				</view>
		</view>
		</view> -->
		
	</view>
</template>

<script>
	import  nav from "./navv/nav.js"
	import login from "./login/login.vue"
	export default {
		data() {
			return {
				value: 111
			} 
		},
		methods: {
			...nav,
			goBuy(){
				uni.navigateTo({
					url:"./buy/buy"
				})
			}
			
		},
		components:{
			login
		}
	}
</script>

<style scoped>
.total{
	display: flex;
	flex-direction: column;
	align-items: center;
	align-content: center;
	height: 1870rpx;
	
}
#buy{
	padding-right: 70rpx;
	padding: 50rpx;
	display: flex;
	justify-content: space-around;
	align-items: center;
	border-radius: 30rpx;
	width: 620rpx;
	height: 260rpx;
	z-index: 3;
	margin-top: 725rpx;
	background-color: white;
	box-shadow:  #ededed 0rpx 10rpx 3rpx;
}
#card{
	display: flex;
	align-items: center;
	width: 680rpx;
	justify-content: space-around;
	margin-top: 50rpx;
}
#erweima{
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 10rpx;
	
}
.nav{
		display: flex;
		position: fixed;
		top:92%;
		background-color: white;
		flex-direction: row;
		justify-content: space-around;
		align-items: center;
		width: 750rpx;
		height: 120rpx;
		border-top: 2rpx;
		border-style: solid;
		border-width: 2rpx;
		border-color: #d0d0d0;
		z-index: 99;
	}
	.word{
		font-size: 25rpx;
	}
	.item{
		display: flex;
		flex-direction: column;
		align-items: center;
		align-content: center;
		width: 65rpx;
		height:95rpx;
		padding: 5rpx;
	}
	.pic{
		width: 60rpx;
		height: 80rpx;
	}
</style>
